<template>
  <div class="footers">
    <div class="footers_meun">
      <div class="meun_nav">
        <h5>HOW CAN WE HELP?</h5>
        <ul>
          <li>Customer Care</li>
          <li>Delivery</li>
          <li>Returns and Exchanges</li>
          <li>Product Care</li>
          <li>Warranty</li>
          <li>Size Charts</li>
          <li>Payment</li>
          <li>FAQs</li>
        </ul>
      </div>
      <div class="meun_nav">
        <h5>OUR PRODCUCTS</h5>
        <ul>
          <li>Customer Care</li>
          <li>Delivery</li>
          <li>Returns and Exchanges</li>
          <li>Product Care</li>
          <li>Warranty</li>
          <li>Size Charts</li>
          <li>Payment</li>
          <li>FAQs</li>
        </ul>
      </div>
      <div class="meun_nav">
        <h5>OUR STORY</h5>
        <ul>
          <li>Customer Care</li>
          <li>Delivery</li>
          <li>Returns and Exchanges</li>
          <li>Product Care</li>
          <li>Warranty</li>
          <li>Size Charts</li>
          <li>Payment</li>
          <li>FAQs</li>
        </ul>
      </div>
      </div>
      <div class="meun_nav1">
        <p>JOIN BASECAMP</p>
        <h5>JOIN BASECAMP</h5>
        <input type="text" value="Email Address"/>
        <a href="#">
          FEEDBACK
        </a>
      </div>
       <div class="bottom1">
        <p>Copyright © 2019 Canada Goose Inc.&nbsp;&nbsp; Privacy Policy | Terms & Conditions</p>
        </div> 
  </div>
</template>
<script>
export default {}
</script>
<style lang="less" scoped>
@media screen and (max-width: 1024px) {
  @import url(../assets/css/mobile_footer.less);
}
  @media screen and (min-width: 1024px) {
  @import url(../assets/css/pc_footer.less);
}
</style>